

<template>
	<a-config-provider :locale="locale">
    
		<router-view></router-view><!-- 路由视图，动态加载路由对应界面 -->
	</a-config-provider>
</template>


<script setup>

</script>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

@font-face {
	font-family: SF-Pro;
	src: url('/font/SF-Pro-Text-Regular.otf');
}

.ck-content { 
/**
 * CKEditor 高度设置
 */
	height: 360px;
}

/**
 * 前台文章显示格式设置
 */
.text-tiny  { font-size: 0.7em;  }
.text-small { font-size: 0.85em; }
.text-huge  { font-size: 1.8em;  }
.text-big   { font-size: 1.4em;  }

code {
    /* 行内代码样式 */
    background-color: hsla(0,0%,78%,.3);
    padding: .15em;
    border-radius: 2px;
}

/**
 * 调整图片大小
 */
.image.image_resized {
    display: block;
    box-sizing: border-box;
}

.image.image_resized img {
    width: 100%;
}

.image.image_resized > figcaption {
    display: block;
}

/**
 * 图片居中
 */
.image-style-align-center {
	margin-left: auto;
	margin-right: auto;
}

/**
 * 图片靠左
 */
.image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}

/**
 * 图片靠右
 */
.image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
}

/**
 * 图片标题
 */
figcaption {
	text-align: center;
}

/**
 * 图片边框
 */
figure img {
    border-style:ridge;
	border-width: 2px;
}

/**
 * 对话框样式修改
 * 元素居中显示
 */
.ant-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}
</style>
